<div class="haiwaibanner">
	<div class="bannercenter">
    	<div class="hwzc">
        	<p>想在海外免费拥有您的专属云仓库？<a href="/user/join">立即注册</a></p>
        </div>
    </div>
</div>
<div class="hwcenter">
	<div class="onebox">
    	<div class="oneleft">
            <div class="hwlc">
            	<ul>
                	<li class="bzon" onmouseover="showBox(1,this);"><em>01</em><span>获取云仓库地址</span></li>
                	<li onmouseover="showBox(2,this);"><em>02</em><span>寄货至云仓库</span></li>
                	<li onmouseover="showBox(3,this);"><em>03</em><span>下达配送指令</span></li>
                </ul>
            </div>
            <div class="lcxiang" style="display:block;" id="showBox1">
            	<div class="xbox">
                    <h2>免费获取我的<span>海外云仓库</span>地址</h2>
                    <ul>
                        <li>注册悠奇立即免费拥有专属于您的海外云仓库；</li>
                        <li>即刻享受金牌海外云仓库管家；</li>
                        <li>免费拥有超大个人仓储空间。</li>
                    </ul>
                    <a class="hqnav" href="/member/usstore">获取海外云仓库地址</a>
                </div>
            </div>
            <div class="lcxiang" style="display:none;" id="showBox2">
            	<div class="xbox">
                    <h2>寄货至我的海外云仓库</h2>
                    <ul>
                        <li>国内买家海外网站购物；</li>
                        <li>华人、留学生行李托运；</li>
                        <li>商家采购国外货物；</li>
                        <li>......</li>
                    </ul>
                    <p>悠奇海外云仓库为您一站式解决：仓储、物流、配送。</p>
                </div>
            </div>
            <div class="lcxiang" style="display:none;" id="showBox3">
            	<div class="xbox">
                    <h2>下达配送指令</h2>
                    <div class="xdjs">
                    	货物到达悠奇后，工作人员第一时间为您拍照入库，您可以立即下达配送指令发往中国，也可以等待更多的包裹集中一起配送！
                    </div>
                    <p>悠奇海外转运服务，为您提供最实惠的国际运费！</p>
                </div>
            </div>
        </div>
    	<div class="oneright">
        	<ul>
            	<li class="an1">
                	<i></i>
                    <div class="aninfo">
                    	<h3>更便捷</h3>
                        <p>一站式仓储/物流/配送</p>
                    </div>
                </li>
            	<li class="an2">
                	<i></i>
                    <div class="aninfo">
                    	<h3>更安全</h3>
                        <p>全程透明化操作</p>
                    </div>
                </li>
            	<li class="an3">
                	<i></i>
                    <div class="aninfo">
                    	<h3>更便捷</h3>
                        <p>国际运费全网最低</p>
                    </div>
                </li>
            </ul>
		</div>
    </div>
    <div class="twobox">
    	<div class="twoleft">
        	<div class="hwlm">
            	<h2>国际运费试算</h2>
            </div>
            <div class="jisuanqi">
            	<table>
                	<tr>
                    	<td class="jz">始发国家：</td>
                    	<td>
                            <div class="xlselect">
                                <div class="xllist">
                                    <input class="textinput w150" type="text" value="美国" readonly/>
                                    <a href="javascript:void();"></a>
                                </div>
                            </div>
                        </td>
                    </tr>
                	<tr>
                    	<td class="jz">计算单位：</td>
                    	<td><label><input name="unit" type="radio" value="lb" checked/>LB(磅)</label><label><input name="unit" type="radio" value="kg" />KG(千克)</label></td>
                    </tr>
                    <tr>
                    	<td class="jz">包裹重量：</td>
                    	<td><input type="text" class="textinput" name="weight"/></td>
                    </tr>
                </table>
                <span style="margin-left:128px;display:none;" id="tishi"><font color="red">输入的值不合法</font></span>
                <div class="qr">
                    
                    <a class="button11" href="javascript:calculate();"><span>计算</span></a>
                </div>
            </div>
            <div class="baojia" style="display:block;">
            	<div class="gq"><i class="mc">美国到中国</i></div>
                <ul>
                	<li>首磅：7.5 美元</li>
                    <li>续磅：3.5 美元</li>
                    <li>时效：5-10工作日到达</li>
                </ul>
            </div>
            <div class="jieguo" id="jieguo" style="display:none;">
            	<h3>国际运费试算结果：</h3>
                <p><span>300.00</span>美元</p>
                <span id="rmb">约人民币：2000.00元</span>
            </div>
        </div>
        
        <div class="tworight">
        	<div class="hwlm">
            	<h2>海外购物推荐网站</h2>
            </div>
            <div class="wangzhan">
            	<ul>
                	<li><a href="http://www.amazon.cn/" target="_blank"><img src="/images/haiwai/w1.png" alt="amazon" /></a></li>
                	<li><a href="http://www.mplife.com/" target="_blank"><img src="/images/haiwai/w2.png" alt="6PM" /></a></li>
                	<li><a href="http://www.drugstore.com/" target="_blank"><img src="/images/haiwai/w3.png" alt="drugstore" /></a></li>
                	<li><a href="http://www.vitacost.com/" target="_blank"><img src="/images/haiwai/w4.png" alt="vitacost" /></a></li>
                	<li><a href="http://www.meijer.com/" target="_blank"><img src="/images/haiwai/w5.png" alt="meijer" /></a></li>
                	<li><a href="http://www.walmart.com/" target="_blank"><img src="/images/haiwai/w6.png" alt="walmart" /></a></li>
                	<li><a href="http://www.carters.com/" target="_blank"><img src="/images/haiwai/w7.png" alt="carter's" /></a></li>
                	<li><a href="http://www.toysrus.com/" target="_blank"><img src="/images/haiwai/w8.png" alt="toysrus" /></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="hwask">
    	<div class="asklm">
        	<h2>常见问题</h2>
        </div>
        <div class="asklist">
        	<ul>
            	<li>
                	<h3>1. 什么是海外转运？</h3>
                    <p>把在amazom、6PM等购物网站购买的不同货品先寄到海外转运仓库，然后合并包裹后空运回中国，可节省多笔首重费用。</p>
                </li>
            	<li>
                	<h3>2. 什么是海外云仓库？</h3>
                    <p>海外云仓库是悠奇为方便国内海淘用户购买海外商品而建立的海外大型中转仓库。您只需在悠奇注册成为会员，便能免费获得美国免税州仓库及地址，为您集中运送海外包裹提供方便。</p>
                </li>
            	<li>
                	<h3>3. 海外转运流程？</h3>
                    <p>注册悠奇会员--海外购物网站下订单--填写悠奇海外云仓库地址--包裹到达悠奇海外云仓库--悠奇验货拍照--在线提交国际运单--快递回中国--收货</p>
                </li>
            	<li>
                	<h3>4. 为什么我们能提供如此便宜的运费？</h3>
                    <p>悠奇是国内领先的国际快递代理公司，成立之初便与四大国际快递建立战略合作伙伴关系，与香港国泰航空公司美中航线长期合作。基于美港深三地优质区位优势，为用户提供更高效优质的国际快递服务。</p>
                </li>
            </ul>
        </div>
    </div>
    
</div>
<script type="text/javascript">
function showBox(val,obj){
    if(val === 1){
        $('#showBox1').show();
        $('#showBox2').hide();
        $('#showBox3').hide();
        $('.hwlc ul li').removeClass();  
        $(obj).addClass("bzon");  
    }else if(val === 2){
        $('#showBox2').show();
        $('#showBox1').hide();
        $('#showBox3').hide();
        $('.hwlc ul li').removeClass();  
        $(obj).addClass("bzon");  
    }else if(val === 3){
        $('#showBox3').show();
        $('#showBox2').hide();
        $('#showBox1').hide();
        $('.hwlc ul li').removeClass();  
        $(obj).addClass("bzon");  
    }
} 

function calculate(){
    var val = $("input[name='unit']:checked").val();
    var weight = $("input[name='weight']").val();
    if(isNaN(weight) || weight <= 0 || weight === ""){
        $('#tishi').show();
        $('#jieguo').hide();
        return false;
    }
    $('.baojia').hide();
    var sum = 0;
    if(val === "lb"){
        $('#tishi').hide();
        if(weight > 1){
            var continued = weight - 1;
            sum = 7.5 + continued*3.5;
        }else{
            sum = 7.5;
        }
        $('#jieguo').show();
        $('#jieguo p span').html(parseFloat(sum).toFixed(2));
        var rmb = sum*6.1222;
        $('#rmb').html("约人民币："+parseFloat(rmb).toFixed(2)+"元");
    }else if(val === "kg"){
        $('#tishi').hide();
        if(weight > 0.45359237){
            var continued = weight*2.205 - 1;
            sum = 7.5 + continued*3.5;
        }else{
            sum = 7.5;
        }
        $('#jieguo').show();        
        $('#jieguo p span').html(parseFloat(sum).toFixed(2));
        var rmb = sum*6.1222;
        $('#rmb').html("约人民币："+parseFloat(rmb).toFixed(2)+"元");
    }    
}
</script>
